<template>
  <div class="order">
    <heade2 :title="msg"></heade2>
    <div class="content">
      <p>
        <i class="iconfont icon-qicheqianlian-1"></i>
      </p>
      <span>{{no}}</span>
    </div>
  </div>
</template>

<script>
import heade2 from './heade2'
export default {
  data(){
    return{
      msg:'订单',
      no:'没有相关的订单'
    }
  },
  components:{
    heade2
  }
}

</script>
<style scoped lang="scss">
  .order{
    .content{
      background: rgb(247, 243, 243);
      height:5.73rem;
      text-align: center;
      display: flex;
      align-items: center;
      flex-direction: column;
      p{
        width:0.6rem;
        height:0.6rem;
        border-radius: 0.3rem;
        background: #F2BEBE;
        margin-top:1.6rem;
        display: flex;
        justify-content: center;
        align-items: center;
        i{
          color:#fff;
        }
      }
      span{
        margin-top:0.14rem;
        font-family: PingFangSC-Regular;
        font-size: 0.12rem;
        color: #999999;
        letter-spacing: -0.0024rem;
      }
    }
  }
</style>